<?php
session_start();
header('Content-Type: text/html; charset=utf-8');
//ini_set('display_errors',1);
require($_SERVER['DOCUMENT_ROOT'].'/resources/lib/functions.php');
ob_start("sanitize_output"); 

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="/bundle/bundle.css" />
<script src="/admin/resources/client/bundle.js" type="text/javascript"></script>
<style type="text/css">
	#login {
		width:500px;
		margin-left:auto;
		margin-right:auto;
		padding:16px;
		border:1px solid #ddd;
		background:#fff;
		-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 8px 8px 5px #333;
-webkit-box-shadow: 8px 8px 5px #333;
box-shadow: 8px 8px 5px #333;	
margin-top:-2em;
	}
	body {
		background:#111;	
	}

</style>
<script>
$(document).ready(function(){
	var l=$("#login");
	l.center();
	$('body').forms();
	$(".thumb").wrap('<a href=""/>');
});
</script>
<title>Please login to continue</title>
</head>

<body>
	<div id="login">
    <p style="text-align:center;"><img width="250" height="81" alt="Logo" src="/resources/images/logo.png" class="thumb" />
    <div style="text-align:center;"><strong>Please login to continue</strong></div>
    </p>
    	<form class="inline" enctype="multipart/form-data" method="post" action="/admin/auth.php">
    	<input type="hidden" class="settings" value='{"buttonWaitingValue":"Please wait","updateNode":"#response"}' />	

        	<label>Username:</label>
            <input type="text" class="comment-field req" id="username" name="username" />
            <p class="hint">Your username (case sensitive) <strong>[required]</strong></p>
            <label>Password:</label>
            <input type="password" class="comment-field req" id="password" name="password" /> 
            <p class="hint">Your password (case sensitive) <strong>[required]</strong></p>
            <div style="float: left;"><label>Security code:</label> <a class="new-captcha" href="#">new code?</a><br><img width="108" height="27" class="captcha" alt="security" src="/captcha"><strong>»</strong><input type="text" style="width: 100px; vertical-align: middle;" id="security_code" name="security_code" class="comment-field req"><p class="hint"><strong>Required</strong> - are you human? (not case sensitive)</p></div>
            <div style="float:right;margin-top:2em;">
            <input type="submit" value="Login" class="button" style="width:75px;" /> </p>
            </div>
            <div class="clearfix"></div>
             
        </form>
   	</div>
    <div id="response" style="display:none;"></div>
</body>
</html>